<extend name="Base/common"/>
<block name="diystyle">
  <style>@media only screen and (min-width:1200px){.blog-g-fixed{max-width:1200px}}@media only screen and (min-width:641px){.blog-sidebar{font-size:1.4rem}}.blog-main{padding:20px 0}.blog-title{margin:10px 0 20px 0}.blog-meta{font-size:14px;margin:10px 0 20px 0;color:#222}.blog-meta a{color:#27ae60}.blog-pagination a{font-size:1.4rem}.blog-team li{padding:4px}.blog-team img{margin-bottom:0}.footer p{color:#7f8c8d;margin:0;padding:15px 0;text-align:center;background:#2d3e50}.blog-footer{padding:10px 0;text-align:center}@media only screen and (min-width:641px){.img-album{height:380px}}@media only screen and (max-width:640px){.img-album{height:180px}}.am-list{margin:0;background-color:#FFF}.am-list-news{margin:0 0 10px 0}.am-list-item-thumb-left{padding:10px}.walltitle{color:white;}
	
	.am-list {
    background-color: #fff;
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
    margin: 0;
	}
	
	.div-wrapper {display:table;}
	.div-cell {display:table-cell; vertical-align:middle;}

	.am-list-news-default .am-list .am-list-thumb img {
    display: block;
    height: 60px;
    width: 60px;
	float:right
	}
	.am-list-thumb {
	max-width:140px;
	max-height:140px;
	overflow:hidden;
	padding-right: 0;
	}
	.am-list-news .am-list-item-hd {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding-top:20px;
}
  </style>
</block>
<block name="body">
 <div data-am-widget="slider" class="am-slider am-slider-c3" data-am-slider='{&quot;controlNav&quot;:false}'>
<ul class="am-slides">
 <article:categorylist name="article" categoryid="$category_id" row="4">
   <li class="img-album">
   <a href="{:U('Article/'.$article['id'])}"><img style="width:100%;height:100%;" src="{$article.cover_id}" alt="{$article.title}！" draggable="false" /></a>
    <div class="am-slider-desc">
     <div class="am-slider-counter">
      <span class="am-active">{$i}</span>/{$row}
     </div><a href="{:U('Article/'.$article['id'])}" class="walltitle">{$article.title}</a>
    </div>
  </li>
 </article:categorylist>
</ul>
</div>
 <div class="col-md-8">

<hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
<div data-am-widget="list_news" class="am-list-news am-list-news-default ">
  <!--列表标题-->
  <div class="am-list-news-bd">
  <ul class="am-list">
   <!--缩略图在标题右边-->
	<volist name="list" id="data">
	 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        <div class="am-col col-sm-8 am-list-main">
            <h3 class="am-list-item-hd"><a href="{:U('Article/'.$data['id'])}">{$data.title}</a></h3>
<!--            <div class="am-list-item-text">{$data.description}</div>-->
        </div>
		
		<div class="am-col col-sm-4 am-list-thumb">
          <a href="{:U('Article/'.$data['id'])}">
            <img src="{$data.cover_id}" alt="{$data.title}">
          </a>
        </div>
      </li>
	 </volist>
  </ul>
  </div>
  

</block>
                

